<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Silla Vacia Smartphone</title>
<!--<meta name="viewport" content="width=device-width, initial-scale=1"> -->
<meta name="viewport" content="width=device-width, initial-scale=0.5, user-scalable=no">
<script type="text/javascript" charset="utf-8" src="js/cordova-2.4.0.js"></script>
<link href="css/silla-look.css" rel="stylesheet" type="text/css">
<link href="css/silla-horiz.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/ensilla.js"></script>
<script type="text/javascript" charset="utf-8" src="js/social.js"></script>
<script type='text/javascript' src='js/silla-json.js'></script>
<script type='text/javascript' src='js/quick.js'></script>
<script type='text/javascript' src='js/pauta.js'></script>
</head>

<body><!-- class="horiz" -->
  <nav id="topBar" class="menu">
    <ul>
      <li id="inicio" onclick="open_win('http://www.lasillavacia.com/')"><a href="#"><span>Inicio</span></a></li>
      <li id="callMenu">
        <a href="#"><span>Menú</span></a>
        <ul id="mainMenu">
          <li><a href="#homeHistorias">Historias</a></li>
          <li><a href="#homeQuerido">Querido diario</a></li>
          <li><a href="#">Hágame el cruce</a></li>
          <li onclick="open_win('http://www.lasillavacia.com/blogs')"><a href="#"  class="item4">EL BLOGUEO</a></li>
          <li onclick="open_win('http://www.lasillavacia.com/butaca')"><a href="#" class="item3">LA BUTACA</a></li>
          <li onclick="open_win('http://quienesquien.lasillavacia.com/')"><a href="#" class="item2">QUIÉN ES QUIÉN</a></li>
          <li onclick="open_win('http://www.proyectorosa.com/blog/')"><a href="#" class="item1">PROYECTO ROSA</a></li>
        </ul>
      </li>
      <!-- <li id="actualizar"><a href="#"><span>Actualizar</span></a></li> -->
      <li id="atras"><a href="#"><span>Atrás</span></a></li>
    </ul>
  </nav>
  <div id="loading"></div>
  <div id="home" class="page active">
    <ul id="feed" class="feed">
      <li id="1" class="noti principal">
        <div class="inner">
 			    
          		<div href="#" class="foto">
          			
          		</div>
          	
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2839</li>
          </ul>
        </div>
      </li>
      <li class="pauta">
        <a href=""><div id="pauta-home"></div></a>
      </li>
      <li id="2" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="3" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
        </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2839</li>
          </ul>
        </div>
      </li>
      <li id="4" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#">Hilos Temáticos</a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="5" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#">Hilos Temáticos</a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
       <li class="pauta">
        <a href=""><div id="pauta-home-low"></div></a>
      </li>
      <li id="6" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2473</li>
          </ul>
        </div>
      </li>
      <li id="7" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2839</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
  <div id="detalle" class="page">
    <nav class="compartir">
      <ul>
        <li class="twit"><a href="#"><span>Compartir en Twitter</span></a></li>
        <li class="face"><a href="#"><span>Compartir en Facebook</span></a></li>
        <li class="mail"><a href="#"><span>Compartir por correo electrónico</span></a></li>
      </ul>
    </nav>
    <div class="articulo">
      <h1></h1>
      <h5><a href="#">seccion</a></h5>
      <h4><a href="#"><span>Autor: </span></a></h4>
      <ul class="noti-stats">
        <li><span>Antiguedad: </span>21h</li>
        <li><span>Vistas: </span>2839</li>
      </ul>     
      <div class="cuerpoArt"></div>
    </div>
    <nav class="compartir">
      <ul>
        <li class="orig"><a href="#">Ver original</a></li>
        <li class="twit"><a href="#"><span>Compartir en Twitter</span></a></li>
        <li class="face"><a href="#"><span>Compartir en Facebook</span></a></li>
        <li class="mail"><a href="#"><span>Compartir por correo electrónico</span></a></li>
      </ul>
    </nav>
    <ul class="noti-tags">      
    </ul>
    <ul class="noti-hilos">
    </ul>
  </div>
  <div id="homeHistorias" class="page">
    <ul id="feedHomeHistorias" class="feed">
      <li id="8" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2> 
            <h4><a href="#"><span>Autor: </span></a></h4>           
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2473</li>
          </ul>
        </div>
      </li>
      <li id="9" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
           <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2473</li>
          </ul>
        </div>
      </li>
      <li id="10" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
           <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2473</li>
          </ul>
        </div>
      </li>
      <li id="11" class="noti ancho">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
           <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2473</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
  <div id="homeQuerido" class="page">
    <ul id="feedHomeQuerido" class="feed">
      <li><h1>Lo último</h1></li>
      <li id="12" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
             <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="13" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="14" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
             <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="15" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li><h1>Lo más visto</h1></li>
      <li id="16" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
             <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="17" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="18" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
             <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
      <li id="19" class="noti">
        <div class="inner">
          <a href="#" class="foto"></a>
          <div class="noti-info">
            <h2><a href="#"></a></h2>
            <h4><a href="#"><span>Autor: </span></a></h4>
          </div>
          <ul class="noti-stats">
            <li><span>Antiguedad: </span>21h</li>
            <li><span>Vistas: </span>2489</li>
          </ul>
        </div>
      </li>
    </ul>
  </div>
  <div id="vivo" class="page">
    <h1>Twitterazo</h1>
      <div id="videochat-youtube" class="media">
    </div>
    <nav id="twitterTLsNav">
      <ul>
        <li id="tl1Title" class="active" title="#tl1"></li>
        <li id="tl2Title" title="#tl2"></li>
        <li id="tl3Title" title="#tl3"></li>
      </ul>
    </nav>
    <ul id="twitterTLs" class="feed">
      <li id="tl1" class="pesta active">
        <ul class="timeLine">
        </ul>
      </li>
      <li id="tl2" class="pesta">
        <ul class="timeLine">
        </ul>
      </li>
      <li id="tl3" class="pesta">
        <ul class="timeLine">
        </ul>
      </li>
    </ul>
  </div>

<footer id="bottomBar" class="menu">
  <a href="#vivo"><span>Live</span></a>
</footer>
<script>
  initJSON();
  mainPauta();
  main();
  ensilla();
  //initJSON();
  // Wait for Cordova to load
  document.addEventListener("deviceready", checkDevice, false);
</script>
</body>
</html>

